/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* USEFUL */

.clear{
	clear:both;
}

.hidden{
	display:none;
}

/* CORE */

body{
	font-size:10px;
	font-family:sans-serif;
}

a{
	color:#004C1C;
	font-weight:bold;
	text-decoration:none;
}

div#player_block{
	background-color:#EEEEEE;
	margin:auto;
	position:fixed;
	width:100%;
	height:38px;
	border-bottom:1px solid #999999;
}

div#ajax_loading{
	height:16px;
	left:10px;
	position:absolute;
	top:10px;
	width:16px;
}

div#player_spacer{
	height:50px;
}

ul#steps{
	height:20px;
}

ul#steps li{
	float:left;
	width:11.11%;
}

ul#steps li a{
	display:block;
	text-align:center;
	background-color:#EEE;
	color:white;
	padding-top:10px;
	height:20px;
	text-decoration:none;
	border-bottom:1px solid black;
}

ul#steps li a.downloaded{
	background-color:#D3AE99;
}

ul#steps li a.selected{
	background-color:#D3BE99;
}

ul#steps li a.retagged{
	background-color:#D3C999;
}

ul#steps li a.undoubled{
	background-color:#D3D399;
}

ul#steps li a.normalized{
	background-color:#CAD399;
}

ul#steps li a.bpm_added{
	background-color:#BED399;
}

ul#steps li a.lyrics_added{
	background-color:#B5D399;
}

ul#steps li a.image_added{
	background-color:#A9D399;
}

ul#steps li a.cleaned{
	background-color:#99D39A;
}

ul#steps li.selected a{
	color:black;
	border:1px solid black;
	border-bottom:none;
}

ul#steps li a:hover{
	color:black;
}

div#fileTree{
	float:left;
	min-height:400px;
	overflow:auto;
	padding:5px;
	width:20%;
}

/* listings */

div.listing_block{
	padding:1%;
	clear:both;
}

/* listings (navigation) */

div.listing_block form.navigation{
	margin:10px 0;
}

div.listing_block form.navigation p{
	height:30px;
	width:33%;
	float:left;
}

div.listing_block form.navigation p.pagination {
	padding-top:4px;
	float:left;
	width:26%;
	padding-left:7%;
}

p.pagination span.number, p.pagination span.number_place{
	display:block;
	float:left;
	width:20px;
	text-align:center;
	display:block;
	height:16px;
	margin-left:5px;
}

p.pagination a{
	border:1px solid black;
	display:block;
	height:15px;
	padding-top:3px;
	background-color:#DDD;
}

p.pagination span.selected, p.pagination span.first,  p.pagination span.previous,  p.pagination span.next,  p.pagination span.last{
	padding-top:3px;
	display:block;
	border:1px solid gray;
	color:gray;
	height:14px;
}

/* page parameters */

p.page_parameters{
	text-align:right;
}

p.page_parameters a.selected{
	color:#21B200;
}

/*listing multiple actions */

/* listings (table) */

table.listing{
	margin:auto;
	border:1px solid #DDDDDD;s
}

div.without_file_tree table.listing{
	width:100%;
}

div.with_file_tree table.listing{
	clear:none;
	float:left;
	margin-left:2%;
	width:76.5%;
}

table.listing tr.selected td{
	background-color:#9AB1D3 !important;
}

table.listing tr.alternate.selected td{
	background-color:#7E9DCA !important;
}

table.listing tr.selected.played td{
	background-color:#62bec3 !important;
}

table.listing tr.played td{
	background-color:#DAE4DD !important;
}

table.listing tr.edited td{
	background-color:#DADADA !important;
}

table.listing tr.alternate td.sorted_by_this{
	background-color:#E5E5E5;
}

table.listing td{
	background-color:#FFF;
	padding:2px;
	margin:2px;
	height:30px;
	vertical-align:middle;
}

table.listing th {
	font-weight:bold;
	text-align:center;
	background-color:#DDD;
	padding:2px;
	text-align:center;
	font-size:1.1em;
}

table.listing th.th_checkbox{
	width:10px;
}

table.listing th a{
	color:#333;
	text-decoration:none;
}

table.listing th.sorted_by_this a{
	color:black;
	text-decoration:none;
}

table.listing th input.filter_value{
	width:70%;
	font-size:10px;
	/*font-style:italic;*/
	border:1px solid gray;
	background-color:#EEE;
	height:16px;
	vertical-align:2px;
}

table.listing th input.filter_value:focus{
	border:1px solid black;
	background-color:white;
}

table.listing th input.clear_filter{
	width:15%;
	font-size:10px;
	height:20px;
	background-color:#ccc;
	border:1px solid black;
}

table.listing th.sorted_by_this{
	background:#D0D0D0;
}

table.listing td.sorted_by_this {
	background:#EEEEEE;
}

table.listing td.filter_by_this {
	background:#FFFDA6;
}

table.listing tr.alternate td.filter_by_this {
	background:#E3E07A;
}

table.listing tr.alternate td{
	background-color:#F0F0F0;
}

table.listing td div.editable_field_contener input{
	color:black;
	font-size:1.2em;
	border:1px dashed transparent;
	height:15px;
	margin:5px;
	width:95%;
	background:inherit;
}

table.listing td div.empty_field input{
	background:#EDE3D5;
}
table.listing td div.editable_field_contener input.edited{
	border-color:black;
	font-style: normal!important;
}
table.listing td div.editable_field_contener input.not_saved{
	background:#FFF;
	font-style:italic;
}

/* listings (ul) */

ul.listing{
	width:80%;
	margin:auto;
}

ul.listing li{
	border:1px solid black;
	width:120px;
	margin:10px;
	height:120px;
	float:left;
}

ul.listing li p.sorted_by_this {
	background:#DDD;
}

ul.listing{
	width:50%;
}

ul.listing2 li{
	width:120px;
	margin:5px;
	height:300px;
}



